.seach-box {
    height: 100rpx;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e81010;
    .seach-title {
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 70rpx;
        background-color: #fff;
        navigator{
            width: 100%;
        }
      .seach-text {

            text-align: center;
            font-size: 24rpx;
            line-height: 70rpx;
      }
    }
  }

  .cateList-box {
    .left-box {
        float: left;
        
      .category-list {
        height: 100vh;
        .category-itme{
            height: 100rpx;
            width: 200rpx;
            background-color: #eeeeee;
            text-align: center;
            line-height: 100rpx;
        }
        
      }
      .category-list::-webkit-scrollbar {
        width: 0;
        height: 0;
        color: transparent;
        display: none;
        }
    }
    
    .right-box {
        float: left;
        .img-list{
            height: 100vh;
            rich-text{
                text-align: center;
            }
        }
        .title-box{
            margin-top: 40rpx;
        }
        width: calc(100% - 200rpx);
        navigator{
            width: 100rpx;
            margin: 40rpx;
            height: 100rpx;
            rich-text{
                font-size: 22rpx;
            }
        }
        float: left;
        image{
            width: 100rpx;
            height: 100rpx;
        }
        .img-box{
            display: flex;
       
            flex-wrap: wrap;
        }
       
    }
  }

  .animation{
    color: #e81010;
  }